﻿/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */


/* Neutralize styling: 
   Elements we want to clean out entirely: */

a img 
{
    border:none;
}
html, body, form, fieldset, td, th {
	margin: 0;
	padding: 0;
	font: 100%/120% Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
}
select, textarea 
{
    font: 100%/120% Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
table {
	border-spacing:0px;
	padding:0px;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}






/* BACK */

body.okmalta
{
    background-color:#E0801F;
    background-image:url(../images/back_main_top.jpg);
    background-repeat:repeat-x;
    background-position:top;
}


/* LAYOUT */

div.main-container 
{
    width:1120px;
    margin:0px auto 0px auto;
    
}

div.main 
{
    width:998px;
    height:10px;
    float:left;
}

table.main 
{
    border-spacing:0px;
}
td 
{
    padding:0px;
}
div.side-ad-col
{
    float:left;
    height:100px;
    background-color:White;
    width:122px;
    margin-top:10px;
}
div.ads-left 
{
    margin-top:2px;
    margin-bottom:10px;
    padding:10px 0px;
}
div.ads-left table.ads-left 
{
    width:100%;
}
div.ads-left table.ads-left td 
{
    width:100%;
    vertical-align:top;
}
div.ads-left div.ads-left-col1,
div.ads-left div.ads-left-col2 
{
    width:122px;
}
div.ads-left div.ads-left-col1
{
    margin-left:20px;
    top:0px;
}
div.ads-left div.ads-left-col2
{
    margin-right:20px;
    
}
td.back-top-left,
td.back-top-right,
td.back-top 
{
    height:126px;
    background-repeat:no-repeat;
}
td.back-top-left,
td.back-top-right 
{
    width:12px;   
     
}
td.back-top-left 
{
    background-image:url(../images/back_top_left.jpg);
    
}
td.back-top-right
{
    background-image:url(../images/back_top_right.jpg);
}
td.back-top 
{
    width:974px;
    background-image:url(../images/back_top.jpg);
}
td.back-left,
td.back-right 
{
    background-repeat:repeat-y;
}
td.back-left,
td.back-right,
td.main 
{
    vertical-align:top;
    
}
td.main 
{
    padding: 2px;
    padding-bottom:10px;
}
td.main h1 
{
    
    color:#E0801F;
    font-size:18px;
    margin:0px;
    padding:0px;
}
td.back-left 
{
    background-image:url(../images/back_main_left.jpg);
}
td.back-right 
{
    background-image:url(../images/back_main_right.jpg);
}
div.back-left-top,
div.back-right-top
{
    
    background-repeat:no-repeat;
    height:362px;
    width:12px;
}

div.back-left-top 
{
    background-image:url(../images/back_main_left_top.jpg);
}
div.back-right-top
{
    background-image:url(../images/back_main_right_top.jpg);
}
td.main 
{
    background-color:White;
}

td.back-bottom-left,
td.back-bottom-right 
{
    width:12px;
    height:38px;
    background-repeat:no-repeat;
}
td.back-bottom-left 
{
    background-image:url(../images/back_main_left_bottom.jpg);
}
td.back-bottom-right
{
    background-image:url(../images/back_main_right_bottom.jpg);
}

td.back-bottom-left-corner,
td.back-bottom-right-corner 
{
    width:12px;
    height:12px;
    background-repeat:no-repeat;
}
td.back-bottom-left-corner 
{
    background-image:url(../images/back_main_left_bottom_corner.jpg);
}
td.back-bottom-right-corner 
{
    background-image:url(../images/back_main_right_bottom_corner.jpg);
}
td.back-bottom-glow
{
    background-image:url(../images/back_main_bottom.jpg);
    background-repeat:repeat-x;
    height:12px;
}
div.back-bottom-left,
div.back-bottom-right 
{
    width:12px;
    height:12px;
    background-repeat:no-repeat;
}
div.back-bottom-left 
{
    float:left;
    background-image:url(../images/back_main_bottom_left.jpg);
    
}
div.back-bottom-right 
{
    float:right;
    background-image:url(../images/back_main_bottom_right.jpg);
    
}
td.back-bottom 
{
    background-image:url(../images/back_main_bottom_blue.jpg);
    background-repeat:repeat-x;
}
div.back-bottom-blue-left,
div.back-bottom-blue-right 
{
    color:White;
    height:25px;
    background-repeat:no-repeat;
    padding-top:13px;
}
td.back-bottom a 
{
    color:White;
    font-weight:normal;
    text-decoration:none;
}
div.back-bottom-blue-left 
{
    float:left;
    background-image:url(../images/back_main_bottom_blue_left.jpg);
    padding-left:12px;
    background-position:left;
}
div.back-bottom-blue-left a 
{
    display:block;
    float:left;
    margin-right:20px;
}
td.back-bottom a:hover 
{
    text-decoration:underline;
}
div.back-bottom-blue-right
{
    float:right;
    background-image:url(../images/back_main_bottom_blue_right.jpg);
    background-position:right;
    padding-right:12px;
}

img.logo 
{
    float:left;
}

div.top-menu 
{
    float:right;
    color:#2C5B87;
    margin-top:27px;
    
    font-weight:bold;
}
div.top-menu a
{
    color:#2C5B87;
    text-decoration:none;
    display:block;
    float:left;
    margin-right:20px;
    cursor:pointer;
}

div.top-menu a:hover
{
    color:#3F83C0;
    text-decoration:underline;
        cursor:pointer;
}
div.top-menu a.selected 
{
    color:White;
    text-decoration:underline;
    cursor:default;
}

div.menu-social-networks 
{
    float:right;
    clear:right;
    position:relative;
    top:57px;
    height:44px;  
    width:595px;
}
div.menu-social-networks img 
{
    float:left;
    border:none;
    
}
div.blue-spacer-1,
div.blue-spacer-2,
div.blue-spacer-3,
div.blue-spacer-4,
div.blue-spacer-5,
div.blue-spacer-6,
div.blue-spacer-7
{
    background-repeat:no-repeat;
    height:44px;
    float:left;
}
div.blue-spacer 
{
    width:7px;
    height:44px;
    float:left;
}
div.blue-spacer-7 
{
    width:7px;
    background-image:url(../images/blue_spacer_7.jpg);
}
div.blue-spacer-6 
{
    width:7px;
    background-image:url(../images/blue_spacer_6.jpg);
}
div.blue-spacer-5 
{
    width:7px;
    background-image:url(../images/blue_spacer_5.jpg);
}
div.blue-spacer-4 
{
    width:7px;
    background-image:url(../images/blue_spacer_4.jpg);
}
div.blue-spacer-3 
{
    width:8px;
    background-image:url(../images/blue_spacer_3.jpg);
}
div.blue-spacer-2
{
    width:10px;
    background-image:url(../images/blue_spacer_2.jpg);
}
div.blue-spacer-1
{
    width:8px;
    background-image:url(../images/blue_spacer_1.jpg);
}
div.add-link 
{
    float:left;
    position:relative;
    
}
div.add-link h1 
{
    margin:0px;
    padding:0px;
    color:#3C78AD;
    font-size:12px;
    
}

div.add-link div.add-form 
{
    background-color:White;
    padding:10px;
    border:1px solid #333333;
    position:absolute;
    width:225px;
    left:12px;
    height:95px;
    z-index:1000;
    
}
div.add-form input 
{
    margin:0px;
}
div.add-link div.add-form div.loading
{
    text-align:center;
    padding-top:36px;
}
div.add-link div.add-form div.success 
{
    text-align:center;
    padding-top:20px;
}
div.add-link div.add-form div.loading img
{
    float:none;
    
}
table.add-link 
{
    cursor:pointer;
}
div.add-link div.add-form table td 
{
    padding:2px;
}
div.add-link td.label 
{
    padding-right:10px;
}

td.add-link-icon
{
    width:55px;
    vertical-align:top;
}
td.add-link-icon img
{
    
    
}
td.add-link-text 
{
    background-image:url(../images/add_link_middle.jpg);
    background-repeat:repeat-x;
    height:44px;
    color:White;
    padding-top:2px;
}
td.add-link-text a 
{
    color:White;
    font-weight:normal;
    text-decoration:none;
}
td.add-link-text a:hover 
{
    text-decoration:underline;
}
td.add-link-text small 
{
    color:#B3C1CC;
    font-size:10px;
}
td.add-link-right 
{
    background-image:url(../images/add_link_right.jpg);
    background-repeat:no-repeat;
    height:44px;
    width:16px;
}


div.side-col-left 
{
    width:302px;

    float:left;
}
div.content 
{
    width:526px;
    margin:0px 10px;
    float:left;
    margin-top:26px;
}
div.side-col-right
{
    width:122px;
    float:left;
    margin-top:26px;
    
}
div.search 
{
    margin-bottom:2px;
}
div.search div.buttons 
{
    height:34px;
    background-image:url(../images/search_topback.jpg);
    background-repeat:repeat-x;
}
div.search div.search-content 
{
    background-image:url(../images/search_back.jpg);
    background-repeat:repeat-y;
    padding:10px 20px 0px 20px;
}
div.search div.search-bottom 
{
    background-image:url(../images/search_bottomback.jpg);
    height:15px;
    background-repeat:no-repeat;
}
div.search div.top-right-corner 
{
    background-image:url(../images/search_topcorner.jpg);
    height:34px;
    width:9px;
    background-repeat:no-repeat;
    float:right;
}
div.search div.tabs 
{
    float:left;
}
div.search div.tabs img.icon 
{
    cursor:pointer;
    
}
div.search div.tabs img.icon.selected 
{
    cursor:default;
}
div.search div.tabs img 
{
    margin-right:2px;
    float:left;
    
}
div.search div.search-logo 
{
    text-align:center;
    margin-bottom:5px;
}

div.search div.search-form 
{
    text-align:center;
}
div.search div.search-button 
{
    margin-top:5px;
    text-align:center;
}
div.search div.search-form input
{
    width:160px;
}
/* FIELDS */

.field,
.field-over,
.field-error,
.field-error-over,
.field-error-focus-over,
.field-focus,
.field-focus-over,
.field-required,
.field-required-focus,
.field-required-error,
.field-required-error-focus,
.field-required-over,
.field-required-focus-over,
.field-required-error-over,
.field-required-error-focus-over
{
	font-size:12px;
	border:1px solid #ABADB3;
}
.field-over,
.field-error-over,
.field-required-error-over,
.field-required-over 
{
    background-color:#FAFAFA;
    border:1px solid #999999;
}
.field-focus,
.field-focus-over,
.field-required-focus,
.field-required-focus-over 
{
    border:1px solid #3976AA;
}
.field-error,
.field-error-over,
.field-required-error,
.field-error-focus-over,
.field-required-error-focus,
.field-required-error-over,
.field-required-error-focus-over
{
    border:1px solid #CC0000;
}
.field-error-focus-over,
.field-required-error-focus,
.field-required-error-focus-over 
{
    border:1px solid #FF0000;
}

/*
input.field-nofocus,
input.field-nofocus-over,
input.field-focus,
input.field-error,
input.field-error-over,
input.field-errorfocus,
input.field-disabled,
textarea.field-nofocus,
textarea.field-nofocus-over,
textarea.field-focus,
textarea.field-error,
textarea.field-error-over,
textarea.field-errorfocus,
textarea.field-disabled
{	
	font-size:12px;
	border:1px solid #ABADB3;
}
input.field-nofocus-over
{
    
}
input.field-focus 
{
    
}
input.field-error 
{
    
}
input.field-error-over
{
    border:1px solid #CC0000;
    background-color:#FAFAFA;
    
}
input.field-errorfocus 
{
    
}*/
select 
{
    font-size:12px;
}
div.sky-sports a,
div.sky-news a 
{
    font-weight:normal;
    text-decoration:none;
}

div.sky-sports a:hover,
div.sky-news a:hover 
{
    text-decoration:underline;
}
div.sky-sports,
div.sky-news  
{
    width:302px;
    height:83px;
    position:relative;
}
div.sky-sports 
{
    background:url(../images/sky_sports_panel.jpg) no-repeat;
    margin-bottom:2px;
}
div.sky-news 
{
    background:url(../images/sky_news_panel.jpg) no-repeat;
    margin-bottom:2px;
}
div.sky-news div.ticker ,
div.sky-sports div.ticker
{
    background-color:White;
    height:13px;
    padding:5px 10px;
    
    width:259px;
    left:11px;
    top:40px;
    position:absolute;
    overflow:hidden;
}

div.panel 
{
    margin-bottom:10px;
}
div.main-heading-title-icon 
{
    float:left;
    position:absolute;
    margin:0px;
}

div.main-heading 
{
    height:29px;
    border-bottom:2px solid #84500F;
     background:url(../images/title_back.jpg) repeat-x 0px -29px;
    height:29px;
    background-color:#F2F2F2;
    position:relative;
}
div.panel a,
.panel-content a
{
    font-weight:normal;
}
div.content div.main-heading h1 
{
    
    
    color:White;
    margin:0px;
    padding:9px 0px 0px 0px;  
    margin-left:54px; 
    font-size:14px;
    width:450px;
    overflow:hidden;
    text-align:left;
    height:14px;
}

div.content div.main-heading.no-icon h1 
{
    float:left;
    color:White;
    text-align:left;
    margin-left:12px;
    font-size:14px;
}
div.main-heading div.main-heading-title-left-corner 
{
    width:11px;
    background:url(../images/title_back.jpg) no-repeat 0px 0px;
    height:29px;
    position:absolute;
    left:0px;
}
div.main-heading div.main-heading-title-right-corner 
{
    width:11px;
    float:right;
    background:url(../images/title_back.jpg) no-repeat 0px -58px;
    height:29px;
}

.panel-content, body.panel-content 
{
    background-color:#F2F2F2;
    padding:15px;
    padding-bottom:12px;
    border:1px solid #DDDDDD;
    border-top:none;
}
.panel-content table.links
{
    width:100%;
}
table.links 
{
    
}
.panel-content table.links table.link 
{
    margin-right:10px;
    margin-bottom:4px;
}
.panel-content table.links td 
{
    vertical-align:top;
}

.panel-content table.links a 
{
    color:#333333;
    text-decoration:none;
}
.testClass
{
    font-size:30px;
    background-color:#00FFFF;
}
.panel-content table.links  a:hover 
{
    text-decoration:underline;
}

.panel-content table.links td.link-icon 
{
    vertical-align:middle;
     color:#97BCDD;
    font-weight:bold;
    padding-right:5px;
}
div.kids-panel .panel-content td.link-icon
{
    color:#E0801F;
}


div.weather 
{
    border:1px solid #333333;
    width:120px;
    margin-bottom:2px;
}
div.weather div.weather-container 
{
    border:1px solid White;
}
div.weather h1,
div.weather h2 
{
    
    margin:0px;
    font-size:11px;
    padding:5px;
}
div.weather h1 
{
    color:White;
    background-color:#3874A9;
}
div.weather h2 
{
    color:#000000;
    background-color:#CCCCCC;
    
}
div.weather table.weather-status 
{
    
    margin:10px auto;
}
div.weather div.weather-forecast 
{
    background-color:#EBEBEB;
    margin:0px;
    padding:0px;
}
div.weather table.weather-status td.weather-icon 
{
    text-align:right;
}
div.weather table.weather-status td.weather-temp 
{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding-left:10px;
}
div.weather-forecast div.weather-forecast-item 
{
    padding:5px;
    border-bottom:1px solid White;
}
div.weather-forecast div.weather-forecast-item h3
{
    margin:0px;
    color:#315F88;
    padding:0px;
    font-size:9px;
    
}
div.weather-forecast div.weather-forecast-item p
{
    margin:0px;   
    font-size:9px;
    color:#333333; 
}

div.panel p,
.panel-content p
{
    line-height:17px;
    text-align:justify;
    margin:0px;
    padding:0px;
    margin-bottom:15px;
}
div.content li 
{
    line-height:17px;
}
div.kids-panel 
{
    margin-top:50px;
}
div.kids-panel a 
{
    font-weight:normal;
}
div.kids-panel-title 
{
    height:29px;
    position:relative;
    background:url(../images/okmalta_kids_back.jpg) repeat-x;
    border-bottom:2px solid #000066;
}
div.kids-panel-title img.title 
{
    float:right;
}
div.kids-panel-title img.kids 
{
    float:left;
    position:absolute;
    top:-56px;
}

div.ad-slot 
{
    border:1px solid #333333;
    margin-bottom:2px;
}

label 
{
    font-weight:bold;
    cursor:pointer;
}

div.panel p.advertising,
.panel-content p.advertising
{
    text-align:center;
}
img.advertising 
{
    border:1px solid #333333;
}
table.adverts td,
table.adverts th
{
    padding:8px;
    text-align:center;
    border-bottom:1px solid White;
    border-right:1px solid White;
}
table.adverts th 
{
    background-color:#427EB2;
    color:White;
    
}
table.adverts tr.row1 td 
{
    background-color:#EEEEEE;
}
table.adverts tr.row2 td 
{
    background-color:#E0E0E0;
}
table.adverts 
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #AAAAAA;
    padding:1px 0px 0px 1px;
    margin-bottom:10px;
}

div.content p 
{
    /*padding-top:10px;*/
}

div.advertising p.disclaimer,
.panel-content p.disclaimer
{
    color:#666666;
    font-size:9px;
}
div.content h1,
.panel-content h1
{
    font-size:16px;
    color:#3C78AD;
    margin-bottom:10px;
}
div.content h2,
.panel-content h2
{
    font-size:14px;
    color:#333333;
    font-weight:bold;
}
a,
.panel-content a 
{
    color:#3C78AD;
    font-weight:bold;
    text-decoration:underline;
}
a:hover,
.panel-content a:hover
{
    text-decoration:none;
}
div.contact table.form 
{
    clear:both;
}
table.form td
{
    padding:3px;
    vertical-align:top;
}
table.form td.label 
{
    width:125px;
}
table.form td.singleline input,
table.form td.email input,
table.form td.select select,
table.form textarea
{
    width:250px;
}
table.form td.buttons input 
{
    padding:10px;
}
div.contact-details 
{
    float:right;
    width:150px;
    background-color:#FAFAFA;
    border:1px solid #DDDDDD;
    padding:10px;
    margin-left:10px;
}
div.contact-details p 
{
    margin:0px;
}
div.contact-details h1 
{
    margin:10px 0px;
}

div.content ol,
div.content ul 
{
    margin-left:20px;
}

